<ul class="nav">
  <li class="nav-item">
    <a class="nav-link" routerLink="{{about}}" routerLinkActive="active">About</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" routerLink="{{home}}" routerLinkActive="active">home</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" href="#" routerLinkActive="active">Link</a>
  </li>
  <li class="nav-item">
    <a class="nav-link" href="#" routerLinkActive="active">Disabled</a>
  </li>
</ul>
